@charset "UTF-8";

// 树状图

// 表格树样式重置
.table-tree{
  margin-bottom: 20px;
}
.angular-ui-tree{
  position: relative;
  .masker {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
    opacity: 0;
  }
  table{
    i{
      width: auto;
      margin: 0;
    }
  }
  .tree-node-handle {
    .fa {
      color: #999;
    }
  }
  .fa {
    width: 16px;
    height: 16px;
    margin-right: 0 !important;
  }
  .fa-check,
  .fa-check-square,
  .fa-check-square-o {
    color: #337ab7;
  }
  .btn {
    .fa-check {
      color: #fff;
    }
  }
  a {
    text-decoration: none;
    &:hover {
      text-decoration: none;
    }
  }
}
.angular-ui-tree {
  ol {
    margin-top: 0;
    font-size: 0;
    li {
      font-size: 14px;
      padding-bottom: 0;
      &.active {
        > .tree-node {
          > .tree-node-handle {
            > .tree-node-name {
              color: #fff;
              background-color: #55acef;
            }
          }
        }
      }
    }
    .no-child {
      cursor: default;
      .tree-node-name {
        &:hover {
          color: #666;
          background: none;
        }
      }
    }
  }
  .tree-line {
    background: url("../images/tree_line_y.png") 0 0 repeat-y;
  }
}

.angular-ui-tree-nodes {
  li {
    .tree-line {
      > li {
        position: relative;
        &:before {
          position: absolute;
          left: -13px;
          top: -2px;
          width: 10px;
          height: 13px;
          content: "";
          background: #f8f8f8 url('../images/tree.png') no-repeat -70px -8px;
        }
      }
    }
    ol {
      li:last-child {
        &:after {
          position: absolute;
          content: "";
          background-color: #f8f8f8;
          left: -14px;
          top: 10px;
          height: 11px;
          width: 11px;
        }
        > .tree-node {
          > .tree-folder-o {
            background-position: -10px -6px;
          }
          > .tree-folder-open-o {
            background-position: -36px -31px;
          }
          > .tree-file-o {
            background-position: -70px -26px;
          }
        }
      }
      .has-child {
        > .tree-node {
          > .tree-folder-o {
            background-position: -10px -6px;
          }
          > .tree-folder-open-o {
            background-position: -36px -31px;
          }
          > .tree-file-o {
            background-position: -70px -26px;
          }
        }
      }
      .has-child:last-child {
        &:after {
          height: 100%;
          bottom: 0;
        }
      }
    }
  }
}

.angular-ui-tree ol i, .angular-ui-tree table i{
  line-height:1
}

.angular-ui-tree {
  input[type="checkbox"] {
    margin: 0 5px 0 0;
    vertical-align: 1px;
  }
}

.tree-root {
  margin: 15px;
    > ol.tree-line {
      > li:last-child {
        &:after {
          position: absolute;
          content: '';
          background-color: #f8f8f8;
          left: -14px;
          top: 10px;
          bottom: 0;
          height: 100%;
          width: 11px;
        }
      }
    }
  > .tree-node {
    > .tree-folder-o {
      background-position: -10px -6px;
    }
    > .tree-folder-open-o {
      background-position: -36px -31px;
    }
  }
}

.tree-node-name {
  color: #666;
  padding: 2px 4px;
  border-radius: 2px;
  &:hover {
    color: #fff;
    background-color: #55acef;
  }
}

.tree-comp-line {
  &:before {
    position: absolute;
    left: 7px;
    top: -12px;
    width: 10px;
    height: 13px;
    content: "";
    background: #fff url('../images/tree.png') no-repeat -70px -8px;
  }
}

.tree-ico {
  display: inline-block;
  vertical-align: middle;
  height: 21px;
  width: 16px;
  background: url('../images/tree.png') no-repeat;
}
.tree-ico.tree-folder-o {
  background-position: -36px -6px;
}
.tree-ico.tree-folder-open-o {
  background-position: -36px -31px;
}
.tree-ico.tree-file-o {
  background-position: -70px -26px;
}
.tree-ico.tree-cube {
  background-position: -69px -51px !important;
}

.org-tree{
  ol{
    ol{
      .angular-ui-tree-nodes{

      }
    }
  }
}
.tree-node{
  text-align: left
}